<ion-content>
    <app-main-header
            [showBack]="true"
            [title]="'电子认证'"
            [specialClass]="'single-page-background'"></app-main-header>
    <div class="page-content single-page">
        <div class="single-content">
            <div class="list-title">全部证件</div>
            <ul class="certificate-list">
                <li class="list-item"
                    *ngFor="let item of certificateList">
                    <div class="item-content" [style]="{background: item.bgColor}">
                        <img class="item-img" [src]="item.icon"/>
                        <div class="item-center">
                            <p class="item-type">{{item.certificateName}}</p>
                            <p class="item-num">{{item.idCard}}</p>
                        </div>
                        <span class="item-name">{{item.name}}</span>
                    </div>
                    <div class="item-btn"
                         (click)="goToPage('certificate-detail', item)">
                        查看电子证件
                    </div>
                </li>
            </ul>
        </div>
    </div>
</ion-content>
